// 主题色彩变量
$primary-color: #722ed1; // 深紫色
$primary-color-light: #8a4de6; // 浅紫色 (lighten 10%)
$primary-color-lighter: #9963ea; // 更浅紫色 (lighten 15%)
$secondary-color: #d4990a; // 古铜金
$dark-bg: #1a1a2e; // 墨黑背景
$darker-bg: #16213e; // 更深背景
$light-bg: #f0f2f5; // 浅色背景

$primary-color: #722ed1; // 深紫色
$primary-color-light: #8a4de6; // 浅紫色 (lighten 10%)
$primary-color-lighter: #9963ea; // 更浅紫色 (lighten 15%)
$secondary-color: #d4990a; // 古铜金
$dark-bg: #1a1a2e; // 墨黑背景
$darker-bg: #16213e; // 更深背景
$light-bg: #f0f2f5; // 浅色背景

$background-light: #f0f2f5;
$background-dark: #1a1a2e;
$background-darker: #16213e;

// 文字颜色
$text-primary: #ffffff;
$text-secondary: rgba(255, 255, 255, 0.85);
$text-tertiary: rgba(255, 255, 255, 0.65);
$text-disabled: rgba(255, 255, 255, 0.45);
$text-dark: #262626;

// 边框和阴影
$border-color: rgba(255, 255, 255, 0.15);
$shadow-color: rgba(0, 0, 0, 0.25);

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;

// 圆角
$border-radius-sm: 4px;
$border-radius-md: 8px;
$border-radius-lg: 12px;

// 字体大小
$font-size-sm: 12px;
$font-size-md: 14px;
$font-size-lg: 16px;
$font-size-xl: 18px;
$font-size-xxl: 20px;

// 动画时间
$transition-fast: 0.2s;
$transition-normal: 0.3s;
$transition-slow: 0.5s;
